$(function() {
    var form = layui.form
    var layer = layui.layer
    form.verify(function(value) {
        if (value.length > 6) {
            return '用户昵称必须在1~6个之间'
        }
    })
    initUserInfo()

    function initUserInfo() { //先请求ajax进行页面渲染
        $.ajax({
            url: '/my/userinfo',
            method: 'get',
            success: function(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                form.val('formUserInfo', res.data) //layui的方法，效果是将请求到的数据渲染给form对应项
            }
        })
    }
    $('#resetBtn').on('click', function(e) {
        e.preventDefault()
        initUserInfo()
    })

    // 监听表单的提交事件
    $('.layui-form').on('submit', function(e) {
        // 阻止表单的默认提交行为
        e.preventDefault()
            // 发起 ajax 数据请求

        console.log($(this).serialize());
        $.ajax({
            method: 'POST',
            url: '/my/userinfo',
            data: $(this).serialize(),
            success: function(res) {
                console.log(res);

                if (res.status !== 0) {
                    return layer.msg('更新用户信息失败！')
                }
                layer.msg('更新用户信息成功！')
                    // 调用父页面中的方法，重新渲染用户的头像和用户的信息
                window.parent.getUserInfo()
            }
        })
    })
})